<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8" />
	<title>千郡医疗</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta name="format-detection" content="telephone=no" />
	<link rel="stylesheet" th:href="@{/weixin/css/weui.min.css}" />
	<link rel="stylesheet" th:href="@{/weixin/css/style.css}" />
	<script th:src="@{/weixin/js/adaptive.js}"></script>
	<script th:src="@{/weixin/js/zepto.min.js}"></script>
	<script type="text/javascript" th:src="@{/weixin/js/weui.min.js}"></script>
</head>
<body>
	<div class="me">
		<div class="userCard">
			<div class="avatarBox">
				<img th:src="${customer.headImage}" alt="" class="avatar"  onclick="location.href='/qianjun/weixin/customer/info'"/>
				<p class="name" th:text="${customer.name}">张学友</p>
				<p class="tel" th:text="${customer.phoneNo}">13510236520</p>
				<p class="star" id="star" th:if="${startName == '1'}" >
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				</p>
				<p class="star" id="star" th:if="${startName == '2'}" >
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				</p>
				<p class="star" id="star" th:if="${startName == '3'}" >
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
					<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				</p>
				<p class="star" id="star" th:if="${startName == '4'}" >
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				</p>
				<p class="star" id="star" th:if="${startName == '5'}" >
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				</p>
				<p class="star" id="star" th:if="${startName == '6'}" >
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				<img th:src='@{/weixin/images/i_star.png}' alt=''/>
				</p>
				<p class="tc mt20">
					<a class="btn" id="sign" th:if="${displaySign}">签到</a>
					<a class="btn" th:if="!${displaySign}">已签到</a>
				</p>
			</div>
		</div>
		<ul class="setList">
			<li class="account"><a th:href="@{/weixin/order/tolist(customerId=${customer.id})}">消费记录</a></li>
			<li class="score"><a th:href="@{/weixin/customer/myintegrations}">我的积分<span class="total" th:text="${myIntegrate.integration}"></span></a></li>
			<li class="spread"><a th:href="@{/weixin/customer/qr/1}">我的推广</a></li>
			<li class="beauty"><a th:href="@{/weixin/customer/beautifulItems}">美丽品项</a></li>
			<li class="agent"><a href="tel:075582774406">专属客服</a></li>
		</ul>
		<h2 class="colT">热门推荐</h2>
		<ul class="beautyList">
			<li  th:each="hotRecommend,hotRecommendStat : ${hotRecommendList}">
			<a th:href="${hotRecommend.url}"><img th:src="${hotRecommend.image}" alt="" /><span class="t" th:text="${hotRecommend.name}"></span></a>
			</li>
		</ul>
	</div>
	<script>
	$("#sign").click(function(){
		
		var l = weui.loading("正在签到...")
		
		$.ajax({
			cache : true,
			type : "GET",
			url : "/qianjun/weixin/customer/sign",
			error : function(request) {
				weui.alert("Connection error");
			},
			success : function(data) {
				weui.alert(data.msg);
				$("#sign").text("已签到");
			}
		});
		l.hide();
	});
	
	</script>
</body>
</html>